<table id="tableNo" clsss="waiterdiv" cellpadding="8" border="1" width="390px" height="500px">
         	 <tr>
                   <th colspan="5" style="font-size:30px; color:red; "> Table No : &nbsp&nbsp&nbsp&nbsp
                   <a href="window8.php?waiter={$waiterVar}&table={$tableVar}&tablePart=A">{if $tablePartVar=='A'}<font color="green">A</font>{else}A{/if}</a>&nbsp;
                   <a href="window8.php?waiter={$waiterVar}&table={$tableVar}&tablePart=B">{if $tablePartVar=='B'}<font color="green">B</font>{else}B{/if}</a>
             </th>
           </tr>
           <tr>
             <td {if {$smarty.get.table} == 1}style="background-color:red;"{/if}align="center" class="tableNo" id="1" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 1</td>
             <td {if {$smarty.get.table} == 2}style="background-color:red;"{/if}align="center" class="tableNo" id="2" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 2</td>
             <td {if {$smarty.get.table} == 3}style="background-color:red;"{/if}align="center" class="tableNo" id="3" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 3</td>
             <td {if {$smarty.get.table} == 4}style="background-color:red;"{/if}align="center" class="tableNo" id="4" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 4</td>
             <td {if {$smarty.get.table} == 5}style="background-color:red;"{/if}align="center" class="tableNo" id="5" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 5</td>
           </tr>                                                                                                
           <tr>                                                                                                 
             <td {if {$smarty.get.table} == 6}style="background-color:red;"{/if}class="tableNo" align="center" id="6" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 6</td>
             <td {if {$smarty.get.table} == 7}style="background-color:red;"{/if}class="tableNo" align="center" id="7" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 7</td>
             <td {if {$smarty.get.table} == 8}style="background-color:red;"{/if}class="tableNo" align="center" id="8" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 8</td>
             <td {if {$smarty.get.table} == 9}style="background-color:red;"{/if}class="tableNo" align="center" id="9" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');"> 9</td>
             <td {if {$smarty.get.table} == 10}style="background-color:red;"{/if}class="tableNo" align="center" id="10" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">10</td>
           </tr>
           <tr>
             <td {if {$smarty.get.table} == 11}style="background-color:red;"{/if}class="tableNo" align="center" id="11" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">11</td>
             <td {if {$smarty.get.table} == 12}style="background-color:red;"{/if}class="tableNo" align="center" id="12" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">12</td>
             <td {if {$smarty.get.table} == 13}style="background-color:red;"{/if}class="tableNo" align="center" id="13" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">13</td>
             <td {if {$smarty.get.table} == 14}style="background-color:red;"{/if}class="tableNo" align="center" id="14" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">14</td>
             <td {if {$smarty.get.table} == 15}style="background-color:red;"{/if}class="tableNo" align="center" id="15" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">15</td>
           </tr>
           <tr>
             <td {if {$smarty.get.table} == 16}style="background-color:red;"{/if}class="tableNo" align="center" id="16" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">16</td>
             <td {if {$smarty.get.table} == 17}style="background-color:red;"{/if}class="tableNo" align="center" id="17" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">17</td>
             <td {if {$smarty.get.table} == 18}style="background-color:red;"{/if}class="tableNo" align="center" id="18" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">18</td>
             <td {if {$smarty.get.table} == 19}style="background-color:red;"{/if}class="tableNo" align="center" id="19" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">19</td>
             <td {if {$smarty.get.table} == 20}style="background-color:red;"{/if}class="tableNo" align="center" id="20" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">20</td>
           </tr>
           <tr>
             <td {if {$smarty.get.table} == 21}style="background-color:red;"{/if}class="tableNo" align="center" id="21" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">21</td>
             <td {if {$smarty.get.table} == 22}style="background-color:red;"{/if}class="tableNo" align="center" id="22" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">22</td>
             <td {if {$smarty.get.table} == 23}style="background-color:red;"{/if}class="tableNo" align="center" id="23" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">23</td>
             <td {if {$smarty.get.table} == 24}style="background-color:red;"{/if}class="tableNo" align="center" id="24" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">24</td>
             <td {if {$smarty.get.table} == 25}style="background-color:red;"{/if}class="tableNo" align="center" id="25" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">25</td>
           </tr>
           <tr>
             <td {if {$smarty.get.table} == 26}style="background-color:red;"{/if}class="tableNo" align="center" id="26" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">26</td>
             <td {if {$smarty.get.table} == 27}style="background-color:red;"{/if}class="tableNo" align="center" id="27" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">27</td>
             <td {if {$smarty.get.table} == 28}style="background-color:red;"{/if}class="tableNo" align="center" id="28" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">28</td>
             <td {if {$smarty.get.table} == 29}style="background-color:red;"{/if}class="tableNo" align="center" id="29" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">29</td>
             <td {if {$smarty.get.table} == 30}style="background-color:red;"{/if}class="tableNo" align="center" id="30" onclick="changeUrlTable({$waiterVar},this.id,'{$tablePartVar}');">30</td>
           </tr>
         </table>
   	     <table id="waiter" border="1" cellpadding="10" width="390px" height="300px">
           <tr>
               <th colspan="4" style="font-size:30px; color:red; ">Waiter</th>
           </tr>
           <tr>
             <td {if {$smarty.get.waiter} == 1}style="background-color:red;"{/if}class="tableNo" align="center" id="1" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">A</a></td>
             <td {if {$smarty.get.waiter} == 2}style="background-color:red;"{/if}class="tableNo" align="center" id="2" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">B</a></td>
             <td {if {$smarty.get.waiter} == 3}style="background-color:red;"{/if}class="tableNo" align="center" id="3" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">C</a></td>
             <td {if {$smarty.get.waiter} == 4}style="background-color:red;"{/if}class="tableNo" align="center" id="4" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">D</a></td>
           </tr>
           <tr>
             <td {if {$smarty.get.waiter} == 5}style="background-color:red;"{/if}class="tableNo" align="center" id="5" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">E</a></td>
             <td {if {$smarty.get.waiter} == 6}style="background-color:red;"{/if}class="tableNo" align="center" id="6" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">F</a></td>
             <td {if {$smarty.get.waiter} == 7}style="background-color:red;"{/if}class="tableNo" align="center" id="7" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">G</a></td>
             <td {if {$smarty.get.waiter} == 8}style="background-color:red;"{/if}class="tableNo" align="center" id="8" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">H</a></td>
           </tr>
           <tr>
             <td {if {$smarty.get.waiter} == 9}style="background-color:red;"{/if}class="tableNo" align="center" id="9" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">I</td>
             <td {if {$smarty.get.waiter} == 10}style="background-color:red;"{/if}class="tableNo" align="center" id="10" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">J</td>
             <td {if {$smarty.get.waiter} == 11}style="background-color:red;"{/if}class="tableNo" align="center" id="11" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">K</td>
             <td {if {$smarty.get.waiter} == 12}style="background-color:red;"{/if}class="tableNo" align="center" id="12" onclick="changeUrlWaiter(this.id,{$tableVar},'{$tablePartVar}');">L</td>
           </tr>
         </table>	         
   	   </td>
   	 </tr>
   </table>